
#twitter-ticker 	{ width:100%; height:400px; display:none; text-align:left; }
#tweet-container	{ width:auto; height:300px; overflow:hidden; }

.tweet				{ width:auto; padding:5px; margin:0 8px 8px; border:1px solid #ddd; background:url(../images/transparent.png); 	overflow:hidden;}
.tweet .avatar,
.tweet .time		{ float:left; }

.tweet .time		{ text-transform:uppercase; font-size:10px; color:#AAAAAA; white-space:nowrap; }

.tweet .avatar img	{ width:32px;  height:32px;	padding:2px; border:1px solid #ccc; margin:0 5px 5px 0; }
.tweet .txt			{ clear:both; font-size:10px; line-height:normal; }
.tweet .user		{ font-weight:bold; }

.tweet a 			{ color:#993300; text-decoration:none; outline:none; }
.tweet a:hover 		{ text-decoration:underline; }

#loading			{ margin:100px 95px;}

/* The styles below are only necessary for the demo page */

#twitter-ticker		{ margin:20px auto 20px; }

/* The styles below are for the scroll pane */

.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right:4px; top:0; height: 100%; background: #ddd; }
.jScrollPaneDrag 		{ position: absolute; background: #999; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop 	{ position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom 	{ position: absolute; bottom: 0; left: 0; overflow: hidden; }

a.jScrollArrowUp 		{ display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover 	{ /*background-color: #f60;*/}
a.jScrollArrowDown 		{ display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}

a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}